<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../bootstrap-5.1.3-dist/css/bootstrap.css">
    <script src="../bootstrap-5.1.3-dist/js/bootstrap.js"></script>
</head>

<body class="container">
    <h2 align="center">商品销售报表</h2>
    <table class="table">
        <thead class="table-primary">
            <tr>
                <th>编码</th>
                <th>名称</th>
                <th>销售时间</th>
                <th>销售数量</th>
                <th>单价</th>
                <th>金额</th>
            </tr>
        </thead>
        <tbody>
            <tr class="table-warning">
                <td>1001</td>
                <td>洗衣机</td>
                <td>2月1日</td>
                <td>6</td>
                <td>2300元</td>
                <td>13800元</td>
            </tr>
            <tr class="table-danger">
                <td>1002</td>
                <td>冰箱</td>
                <td>2月1日</td>
                <td>10</td>
                <td>6800元</td>
                <td>68000元</td>
            </tr>
            <tr class="table-light">
                <td>1003</td>
                <td>空调</td>
                <td>2月2日</td>
                <td>8</td>
                <td>1800元</td>
                <td>14400元</td>
            </tr>
            <tr class="table-info">
                <td>1004</td>
                <td>电视机</td>
                <td>2月3日</td>
                <td>5</td>
                <td>3800元</td>
                <td>19000元</td>
            </tr>
        </tbody>
    </table>
</body>

</html>